@charset "UTF-8";
*{
	background-color:#5F9EA0;
	margin:0 auto;
}
.user{
	background-color:#D3D3D3;
	color:#A9A9A9;
	display:flex;
	flex-direction:row;
	height:20px;
}
#welcome{
	position:relative;
	left:-250px;
	background-color:#D3D3D3;
	cursor:default;  
}
#t-user{
	background-color:#D3D3D3;
	position:relative;
	left:-800px;
	border:none;
	color:#A9A9A9;
	cursor:pointer;
}
#account{
	display:none;
}
#u-form{
	background-color:#D3D3D3;
}
#z-dl{
	display: inline;
	padding-left:-10px;
	background-color:#D3D3D3;
}
#dl{
	position:relative;
	left:-700px;
	color:#A9A9A9;
	background-color:#D3D3D3;
}
#z-dl a{
	text-decoration:none;
	color:#A9A9A9;
	background-color:#D3D3D3;
	padding-left:20px;
}
#logo{
	width:80px;
	height:70px;
	margin-left:-200px;
}
.sousuo{
	height:70px;
	background-color:white;
	display:flex;
	flex-direction:row;
	width:100%;
}
.f-sousuo{
	background-color:white;
	position:relative;
	right:-50px;
	top:15px;
	height:50px;
}
#f-sousuo{
	background-color:#DC143C;
	height:40px;
	width:400px;
}

#goods{
	border:none;
	width:300px;
	height:25px;
	position:relative;
	top:6px;
	left:5px;
	background-color:white;
}
#sousuo{
	border:none;
	width:50px;
	height:25px;
	position:relative;
	top:6px;
	left:20px;
	background-color:#DC143C;
	color:white;
}
#top{
margin-left:-50px;
margin-top:30px;
}
#img{
width: 800px;
height: 350px;
}	
.inner{
position: absolute;
margin-top: 0;
display:block;
margin-left:230px;
}
.ul{
width: 150px;
height: 15px;
font-size: 10px;
}
.first{
display: inline-block;
width:15px ;
height:15px;
background-color:#696969;
opacity:0.8;
border-radius: 50%;
margin-right: 15px;
text-align:center;
position:relative;
top:325px;
left:550px;
}
  .first:hover{
background-color:red;
}
.l-goods{
	margin-top:360px;
	display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-left:140px;
}
#l-goods{
	display:flex;
	flex-direction:column;
	width:250px;
	background-color:white;
	margin-left:10px;
	margin-top:50px;
	height:325px;
	border-radius:25px;
}
#goods_id{
	display:none;
}
#tijiao{
	border:none;
	opacity:0;
	position:relative;
	width:250px;
	height:150px;
	top:-180px;
//margin-top:-100px;
}
.sp-ym{
	background-color:white;
	border-radius:25px;
}
#money{
	background-color:white;
	color:red;
	font-size:20px;
	position:relative;
	top:-120px;
	left:-60px;
	padding-left:0px;
}
#zz{
	background-color:white;
	position:relative;
	top:-140px;
	
}

#g-bottom{
	display:flex;
	flex-direction:row;
	position:relative;
	bottom:100px;
	background-color:white;
}
#g-img{
	width:250px;
	height:50%;
	border-radius:25px;
}
#g-number{
	position:relative;
	left:-40px;
	background-color:white;
}
#gwc{
	background-color:white;
	width:40px;
	height:40px;
position:relative;
right:-40px;

}
#gwcar{
	position:absolute;
	height:50px;
	opacity:0;
}
#gw-none{
	display:none;
}
#f-footer{
	height:40px;
	background-color:white;
	margin-top:90px;
	text-align:center;
	padding-top:10px;
}
.my{
	width:250px;
	height:300px;
	background-color:#DCDCDC;
	float:right;
	margin-right:20px;
}
#txiang{
	width:80px;
	height:80px;
	border-radius:50%;
}
#t-users{
	position:absolute;
	width:70px;
	height:70px;
	top:145px;
	right:110px;
	opacity:0;
}
#touxx{
	background-color:#DCDCDC;
	display:flex;
	flex-direction:column;
}
#nick-name{
	margin-top:10px;
	background-color:#DCDCDC;
}
#gwct-g{
	width:60px;
	height:60px;
	background-color:#DCDCDC;
	position:relative;
	top:80px;
	right:-140px;
	
}
#points{
	background-color:#DCDCDC;
	margin-top:20px;
	text-align:center;
}
#point{
	background-color:#DCDCDC;
}
.yongh{
	display:flex;
	flex-direction:column;
	background-color:#DCDCDC;
	padding-top:5px;
}
#y-dl{
	background-color:#DCDCDC;
}
#y-dl a{
	background-color:#DCDCDC;
	
}
#gwct{
	width:60px;
	height:60px;
	background-color:#DCDCDC;
	position:relative;
	top:120px;
	right:-60px;
}